<?php defined('IN_IA') or exit('Access Denied');?>
<link rel="stylesheet" type="text/css" href="<?php echo MODULE_URL;?>template/mobile/app/css/footer.css">
<?php  if($basic_config['basic_style']!=35 && !empty($basic_config['basic_style'])) { ?>
<link rel="stylesheet" type="text/css" href="<?php echo MODULE_URL;?>template/mobile/app/skin/style<?php  echo $basic_config['basic_style'];?>.css">
<?php  } else { ?>
   <style>
	body {background: url(<?php echo MODULE_URL;?>template/mobile/app/style/all/035d.jpg) #000;background-size: cover;}
   </style>
<?php  } ?>
<?php  if(!empty($basic_config['bg_img'])) { ?>
	<style>
	body {background: url(<?php  echo tomedia($basic_config['bg_img'])?>) #000;background-size: cover;}
   </style>
<?php  } ?>
<?php  if($small==1) { ?>
 <link rel="stylesheet" type="text/css" href="<?php echo MODULE_URL;?>template/mobile/app/css/small.css">
 <?php  } ?>
 <?php  if(!empty($basic_config['diy_css'])) { ?>
<style>
<?php  echo $basic_config['diy_css']?>
</style>
<?php  } ?>
<?php  if($_GPC['do']=='vote' || $_GPC['do']=='lizi' || $_GPC['do']=='xc') { ?>
<style>
.helperpanel p{margin:1em !important}
</style>
<?php  } ?>
<div class="Panel Bottom"  >
<div class="bottommenu" >
        <img class="support_logo" src="<?php  if(!empty($basic_config['bottom_img'])) { ?><?php  if(!strexists($basic_config['bottom_img'], 'meepo_xianchang')) { ?><?php  echo tomedia($basic_config['bottom_img'])?><?php  } else { ?><?php  echo $basic_config['bottom_img'];?><?php  } ?><?php  } else { ?>../addons/meepo_xianchang/template/mobile/app/images/icon/bottom.png<?php  } ?>" onerror="this.src='<?php echo MODULE_URL;?>template/mobile/app/images/icon/bottom.png'" >
        <div class="helperpanel pulse">
         <span class="ssgz"><?php  echo html_entity_decode($basic_config['bottom_words']);?></span>
    </div>
    <div class="navbar">
         <ul class="navbarmenu">
            <li class="curr">
             	<a href="<?php  echo $this->createMobileUrl('lizi',array('rid'=>$rid,'small'=>$small))?>" class="neicon small"><img class="ico013" src="<?php echo MODULE_URL;?>template/mobile/app/images/icon/ico013.png">
                <p>签到</p>
                </a>
             </li>
             <li class="curr">
             	<a href="<?php  echo $this->createMobileUrl('cjx',array('rid'=>$rid,'small'=>$small,'award_id'=>12))?>" class="neicon small"><img class="ico017" src="<?php echo MODULE_URL;?>template/mobile/app/images/icon/ico017.png">
                <p>三等奖</p>
                </a>
             </li>
             <li class="curr">
             	<a href="<?php  echo $this->createMobileUrl('cjx',array('rid'=>$rid,'small'=>$small,'award_id'=>11))?>" class="neicon small"><img class="ico017" src="<?php echo MODULE_URL;?>template/mobile/app/images/icon/ico017.png">
                <p>二等奖</p>
                </a>
             </li>
             <li class="curr">
             	<a href="<?php  echo $this->createMobileUrl('cjx',array('rid'=>$rid,'small'=>$small,'award_id'=>10))?>" class="neicon small"><img class="ico017" src="<?php echo MODULE_URL;?>template/mobile/app/images/icon/ico017.png">
                <p>一等奖</p>
                </a>
             </li>
             <li class="curr">
             	<a href="<?php  echo $this->createMobileUrl('cjx',array('rid'=>$rid,'small'=>$small,'award_id'=>9))?>" class="neicon small"><img class="ico017" src="<?php echo MODULE_URL;?>template/mobile/app/images/icon/ico017.png">
                <p>特等奖</p>
                </a>
             </li>
             <li class="curr">
             	<a href="<?php  echo $this->createMobileUrl('lottory',array('rid'=>$rid,'small'=>$small))?>" class="neicon small"><img class="ico017" src="<?php echo MODULE_URL;?>template/mobile/app/images/icon/ico017.png">
                <p>幸运奖</p>
                </a>
             </li>
            <li class="curr">
              <a class="neicon small navbaritem fullscreen" href="#">
                <img class="" src="<?php echo MODULE_URL;?>template/mobile/app/images/icon/icons-002.png">
                <p>全屏</p>
              </a>
            </li>
          </ul>
        <div class="btn-popup hidden" id="popup">
            <i class="closeb" onclick="document.getElementById('popup').style.display='none';"></i>
            <i class="icon-arrow2"></i>
            <ul class="btn-list clearfix">
             <li class="curr">
             	<a href="<?php  echo $this->createMobileUrl('lizi',array('rid'=>$rid,'small'=>$small))?>" class="neicon"><img class="ico013" src="<?php echo MODULE_URL;?>template/mobile/app/images/icon/ico013.png">
                <p>签到</p>
                </a>
             </li>
             <li class="curr">
             	<a href="<?php  echo $this->createMobileUrl('cjx',array('rid'=>$rid,'small'=>$small,'cjid'=>3))?>" class="neicon"><img class="ico017" src="<?php echo MODULE_URL;?>template/mobile/app/images/icon/ico017.png">
                <p>三等奖抽奖</p>
                </a>
             </li>
             <li class="curr">
             	<a href="<?php  echo $this->createMobileUrl('cjx',array('rid'=>$rid,'small'=>$small,'cjid'=>3))?>" class="neicon"><img class="ico017" src="<?php echo MODULE_URL;?>template/mobile/app/images/icon/ico017.png">
                <p>二等奖抽奖</p>
                </a>
             </li>
             <li class="curr">
             	<a href="<?php  echo $this->createMobileUrl('cjx',array('rid'=>$rid,'small'=>$small,'cjid'=>3))?>" class="neicon"><img class="ico017" src="<?php echo MODULE_URL;?>template/mobile/app/images/icon/ico017.png">
                <p>一等奖抽奖</p>
                </a>
             </li>
             <li class="curr">
             	<a href="<?php  echo $this->createMobileUrl('cjx',array('rid'=>$rid,'small'=>$small,'cjid'=>3))?>" class="neicon"><img class="ico017" src="<?php echo MODULE_URL;?>template/mobile/app/images/icon/ico017.png">
                <p>特等奖抽奖</p>
                </a>
             </li>
             <li class="curr">
             	<a href="<?php  echo $this->createMobileUrl('lottory',array('rid'=>$rid,'small'=>$small))?>" class="neicon"><img class="ico017" src="<?php echo MODULE_URL;?>template/mobile/app/images/icon/ico017.png">
                <p>幸运奖抽奖</p>
                </a>
             </li>
            </ul>
          </div>
        </div>
        

</div>
</div>
  <?php (!empty($this) && $this instanceof WeModuleSite) ? (include $this->template('vedio', TEMPLATE_INCLUDEPATH)) : (include template('vedio', TEMPLATE_INCLUDEPATH));?>
  <div class="skinLayer" id="skinLayer"> <i class="closeb" onclick="document.getElementById('skinLayer').style.display='none';"></i>
      <div class="stylebg">
    <!--label>
          <input name="" onchange="changeit(this)"      type="checkbox" value="1">
          强制使用自定义背景</label-->
  </div>
      <div class="style-center">
    <div class="style-nav">
          <ul class="style-nav-list">
       
      </ul>
        </div>
    <div class="style-box">
          <ul class="style-img-list" >
        
      </ul>
        </div>
  </div>
    </div>
  <script>
	  function bigsmall(n) {}
     
      function getmbhtml(cateid) {//点击具体某种分类 得到具体的风格背景
        $(".style-img-list").load("<?php  echo $this->createMobileUrl('get_skins',array('control'=>$_GPC['do'],'rid'=>$rid))?>&cateid=" + cateid);

        $(".style-nav-list li").each(function() {
          $(this).removeClass("curr");
        });
        $("#li" + cateid).addClass("curr");
      }
      function getcatehtml() {//获取各种节日背景
        $(".style-nav-list").load("<?php  echo $this->createMobileUrl('get_skins',array('control'=>$_GPC['do'],'rid'=>$rid,'cateid'=>'meepo'))?>");
      }
      getcatehtml();
      getmbhtml(0);//默认获取全部风格
	  </script>
	<div class="loginform" style="z-index:100">
		  <div class="activity_title">微现场</div>
		  <div>
			<input id="password" class="password" placeholder="请输入微现场的管理密码" type="password">
		  </div>
		  <div class="submitline">
			<button class="button-login">开启</button>
		  </div>
    </div>
    <div class="loader" style="display: block;">
      <div class="icon"></div>
    </div>
    <div class="bigmpcodebar">
      <div class="closebutton"></div>
      <div class="label"><?php  if($_GPC['do']=='qd' || $_GPC['do']=='wall' || $_GPC['do']=='lottory' || $_GPC['do']=='vote' || $_GPC['do']=='shake' || $_GPC['do']=='dm' || $_GPC['do']=='lizi' || $_GPC['do']=='redpack') { ?>扫描下面的二维码参与<?php  if($_GPC['do']=='qd') { ?><?php  echo $qd_config['title'];?><?php  } else if($_GPC['do']=='lizi') { ?>签到<?php  } else if($_GPC['do']=='wall') { ?><?php  echo $wall_config['title'];?><?php  } else if($_GPC['do']=='lottory') { ?>抽奖<?php  } else if($_GPC['do']=='vote') { ?>投票<?php  } else if($_GPC['do']=='shake') { ?>摇一摇<?php  } else if($_GPC['do']=='dm') { ?>弹幕<?php  } else if($_GPC['do']=='redpack') { ?>抢红包<?php  } ?><?php  } else { ?>扫描下面的二维码关注公众号<?php  } ?></div>
	  <?php  
		if($_GPC['do']=='dm'){
			$do_it = 'wall';
		}elseif($_GPC['do']=='lizi'){
			$do_it = 'qd';
		}else{
			$do_it = $_GPC['do'];
		}
	  ?>
      <img src="http://wy.linewell.com/qd.png" onerror="../attachment/qrcode_<?php  echo $_W['uniacid'];?>.jpg">
	</div>
	<div class="show_qrcode">
      <div class="closebutton"></div>
      <div class="label">扫描下面的二维码关注公众号</div>
      <img src="http://wy.linewell.com/qd.png" onerror="../attachment/qrcode_<?php  echo $_W['uniacid'];?>.jpg">
	</div>
	 <div id="leafContainer"></div>   
	<div id="effect"></div>
	<div id="show_hide_nav"><img src="<?php echo MODULE_URL;?>template/mobile/app/images/opened.png"></div>
  </body>
  <!--星星效果-->
 <?php  if($basic_config['show_star']==1) { ?>
 <style>
#effect{z-index:-1; position:absolute; }
 #effect {
    top: 110px;
    bottom: 81px;
    height: auto;
}
#effect {
    position: absolute;
    top: 17%;
    height: 72%;
    opacity: 1;
    width: 96%;
    left: 50%;
    margin-left: -48%;
}
	  /*星星*/
.richStar1{position:absolute; left:30px; top:140px; width:60px; opacity:0.4}
.richStar2{position:absolute; left:60px; top:30px; width:80px; opacity:0.4}
.richStar3{position:absolute; left:170px; top:30px; width:60px; opacity:0.4}

.richStar4{position:absolute; right:30px; top:140px; width:60px; opacity:0.4}
.richStar5{position:absolute; right:60px; top:30px; width:80px; opacity:0.4}
.richStar6{position:absolute; right:170px; top:30px; width:60px; opacity:0.4}

.richStar7{position:absolute; left:60px; bottom:100px; width:80px; opacity:0.4}
.richStar8{position:absolute; left:140px; bottom:30px; width:60px; opacity:0.4}

.richStar9{position:absolute; right:60px; bottom:100px; width:80px; opacity:0.4}
.richStar10{position:absolute; right:140px; bottom:30px; width:60px; opacity:0.4}

.richStar1{
	-webkit-animation:starAnimate1 2s infinite;
	animation:starAnimate1 2s infinite;
}
.richStar2{
	-webkit-animation:starAnimate1 2s 0.3s infinite;
	animation:starAnimate1 2s 0.3s infinite;
}
.richStar3{
	-webkit-animation:starAnimate1 2s 0.6s infinite;
	animation:starAnimate1 2s 0.6s infinite;
}
.richStar4{
	-webkit-animation:starAnimate1 2s infinite;
	animation:starAnimate1 2s infinite;
}
.richStar5{
	-webkit-animation:starAnimate1 2s 0.3s infinite;
	animation:starAnimate1 2s 0.3s infinite;
}
.richStar6{
	-webkit-animation:starAnimate1 2s 0.6s infinite;
	animation:starAnimate1 2s 0.6s infinite;
}
.richStar7{
	-webkit-animation:starAnimate1 2s infinite;
	animation:starAnimate1 2s infinite;
}
.richStar8{
	-webkit-animation:starAnimate1 2s 0.3s infinite;
	animation:starAnimate1 2s 0.3s infinite;
}
.richStar9{
	-webkit-animation:starAnimate1 2s infinite;
	animation:starAnimate1 2s infinite;
}
.richStar10{
	-webkit-animation:starAnimate1 2s 0.3s infinite;
	animation:starAnimate1 2s 0.3s infinite;
}
@-webkit-keyframes starAnimate1 {
  50% {
	-webkit-transform:scale(1.8);
    opacity: 1;
  }
  100% {
	-webkit-transform:scale(1);
    opacity: 0.4;
  }  
}
@keyframes starAnimate1 {
  50% {
	transform:scale(1.8);
    opacity: 1;
  }
  100% {
	transform:scale(1);
    opacity: 0.4;
  }  
}
 </style>
<script src="<?php echo MODULE_URL;?>template/mobile/app/js/stars.js"></script>
<script>
$(function(){
var obj = document.getElementById('effect');
initEffect(obj);

});
</script>
<?php  } ?>
<?php  if($basic_config['show_leaf']==1) { ?>
<?php (!empty($this) && $this instanceof WeModuleSite) ? (include $this->template('leaf', TEMPLATE_INCLUDEPATH)) : (include template('leaf', TEMPLATE_INCLUDEPATH));?>
<?php  } ?>
<script>
$(document).ready(function(){
	$("#show_hide_nav img").on('click',function() {
	if($("#panel_status").val()==0){
		$(this).attr("src",'<?php echo MODULE_URL;?>template/mobile/app/images/opened.png');
		hidetb();
		$("#panel_status").val("1");
	}else{
		
		showtb();
		$("#panel_status").val("0");
		$(this).attr("src",'<?php echo MODULE_URL;?>template/mobile/app/images/chosed.png');

	}
	});
	$("#bg_music").click(function(){
			if ($(this).css("background-image").indexOf('no') != '-1') {
                $("#audio").get(0).play();
				$(this).css("background-image","url(<?php echo MEEPO;?>common/images/music.png)");
			} else {
				$("#audio").get(0).pause();
				$(this).css("background-image","url(<?php echo MEEPO;?>common/images/no_music.png)");
			}
	});
	$("#show_qd_code").click('click',function(){
		$(".bigmpcodebar").slideUp()
		$(".show_qrcode").slideDown();
	});
	$(".show_qrcode .closebutton").on("click", function() {
			//$(".bigmpcodebar").slideUp()
			$(".show_qrcode").slideUp()
	});
});
function showtb() {
    $(".Panel.Top").css({
        top: "-" + $(".Panel.Top").height() + "px"
    });
    $(".Panel.Bottom").css({
        bottom: "-" + $(".Panel.Bottom").height() + "px"
    });
}
function hidetb() {
    $(".Panel.Top").css({
        top: 0
    });
    $(".Panel.Bottom").css({
        bottom: 0
    })
};
</script>
<input type="hidden" id="panel_status" value="1"/>
<?php  if($basic_config['bg_music_on']=='1' && !empty($basic_config['bg_music'])) { ?>
		<audio id="audio"  loop src="<?php  echo tomedia($basic_config['bg_music'])?>" style="pointer-events:none;display:none;width:0!important;height:0!important;" autoplay></audio>
<?php  } ?>
<?php  if(!empty($basic_config['bg_vedio'])) { ?>
 <style>
    html, body {
      margin: 0;
      width: 100%;
      height: 100%;
    }
  </style>
<script src="<?php echo MODULE_URL;?>template/mobile/app/js/jquery.vedio.js"></script>
<?php  } ?>
</html>